.banner{
    width: 100%;
    height:420px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
          #banner_box{
            width: 100%;
			height: 420px;
			position: relative;
            &:hover #prev{
                display: block;
            }
            &:hover #next{
                display: block;
            }
            #imgs{
                width: 1349px * 8;
                height: 420px;
                position: absolute;
                left : -1349px;
                top: 0;
                
                li {
                    width: 1349px;
                    height: 420px;
                    float: left;
                    overflow: hidden;
                    
                   img {
                       width: 1920px;
                       height: 420px;
                       position: relative;
                       margin:0 -100%;
                   }
                }
            }
            #pages {
                position: absolute;
                height: 30px;
                width: 100%;
                bottom: 10px;
                
                i {
                    display: inline-block;
                    width: 24px;
                    height: 4px;
                    margin:0 5px;
                    background: #fff;
                    
                }
                
            }
            #pages i.current {
                background: #6699cc;
            }
            #prev, #next {
                width: 40px;
                height: 60px;
                background: #6699cc;
                position: absolute;
                top: 0;
                bottom: 0;
                margin: auto;
                color: #fff;
                font-size: 30px;
                text-align: center;
                line-height: 60px;
                display: none;
            }
            #next {
                right: 127px;
            }
            #prev{
                left:297px;
                z-index: 2;
            }
            .nav{
                width: 200px;
                height: 420px;
                position: absolute;
                left:87px;
                top:0;
                background: #f4f5f5;
                .typeList{
                    li{
                        width: 200px;
                        height: 60px;
                        font-size: 16px;
                        line-height: 60px;
                       position: relative;
                        a{
                            display: block;
                            padding-left:60px;
                            width: 140px;
                            height: 60px;
                            color:#333333;
                        }
                    }
                    ul{z-index: 3;}
                    .li1{
                        background: url(../images/1.png) no-repeat 20px 20px;
                        background-size: 20px;
                        &:hover .listul1{display: block;}
                        
                        .listul1{
                            width: 250px;
                            height:420px;
                            position: absolute;
                            left:200px;
                            top:0;
                            background: white;
                            opacity: 0.8;
                            cursor: pointer;
                            display: none;
                            li{
                                width: 250px;
                                height: 60px;
                                img{
                                    width: 20px;
                                    height: 20px;
                                    margin:0 30px;
                                    margin-top:20px;
                                    float: left;
                                }
                                span{
                                    display: block;
                                    float: left;
                                    width: 150px;
                                    height: 60px;
                                    font-size: 14px;
                                }
                            }
                        }
                    }
                    .li2{
                        background: url(../images/2.png) no-repeat 20px 20px;
                        background-size: 20px;
                        &:hover .listul2{display: block;}
                        .listul2{
                            width: 250px;
                            height:420px;
                            position: absolute;
                            left:200px;
                            top:-60px;
                            background: white;
                            opacity: 0.8;
                            cursor: pointer;
                            display: none;
                            li{
                                width: 250px;
                                height: 60px;
                                img{
                                    width: 20px;
                                    height: 20px;
                                    margin:0 30px;
                                    margin-top:20px;
                                    float: left;
                                }
                                span{
                                    display: block;
                                    float: left;
                                    width: 150px;
                                    height: 60px;
                                    font-size: 14px;
                                }
                            }
                        }
                        .listul3{
                            position: absolute;
                            left: 450px;
                            top:-60px;
                        }
                        .listul4{
                            position: absolute;
                            left: 700px;
                            top:-60px;
                        }
                    }
                    .li3{
                        background: url(../images/3.png) no-repeat 20px 20px;
                        background-size: 20px;
                        &:hover .listul5{display: block;}
                        .listul5{
                            width: 250px;
                            height:420px;
                            position: absolute;
                            left:200px;
                            top:-120px;
                            background: white;
                            opacity: 0.8;
                            cursor: pointer;
                            display: none;
                            li{
                                width: 250px;
                                height: 60px;
                                img{
                                    width: 20px;
                                    height: 20px;
                                    margin:0 30px;
                                    margin-top:20px;
                                    float: left;
                                }
                                span{
                                    display: block;
                                    float: left;
                                    width: 150px;
                                    height: 60px;
                                    font-size: 14px;
                                }
                            }
                        }
                        .listul6{
                            position: absolute;
                            left: 450px;
                            top:-120px;
                        }
                    }
                    .li4{
                        background: url(../images/4.png) no-repeat 20px 20px;
                        background-size: 20px;
                        &:hover .listul7{display: block;}
                        .listul7{
                            width: 250px;
                            height:420px;
                            position: absolute;
                            left:200px;
                            top:-180px;
                            background: white;
                            opacity: 0.8;
                            cursor: pointer;
                            display: none;
                            li{
                                width: 250px;
                                height: 60px;
                                img{
                                    width: 20px;
                                    height: 20px;
                                    margin:0 30px;
                                    margin-top:20px;
                                    float: left;
                                }
                                span{
                                    display: block;
                                    float: left;
                                    width: 150px;
                                    height: 60px;
                                    font-size: 14px;
                                }
                            }
                        }
                        .listul8{
                            position: absolute;
                            left: 450px;
                            top:-180px;
                        }
                        .listul9{
                            position: absolute;
                            left: 700px;
                            top:-180px;
                        }
                    }
                    .li5{
                        background: url(../images/5.png) no-repeat 20px 20px;
                        background-size: 20px;
                        &:hover .listul10{display: block;}
                        .listul10{
                            width: 250px;
                            height:420px;
                            position: absolute;
                            left:200px;
                            top:-240px;
                            background: white;
                            opacity: 0.8;
                            cursor: pointer;
                            display: none;
                            li{
                                width: 250px;
                                height: 60px;
                                img{
                                    width: 20px;
                                    height: 20px;
                                    margin:0 30px;
                                    margin-top:20px;
                                    float: left;
                                }
                                span{
                                    display: block;
                                    float: left;
                                    width: 150px;
                                    height: 60px;
                                    font-size: 14px;
                                }
                            }
                        }
                    }
                    .li6{
                        background: url(../images/6.png) no-repeat 20px 20px;
                        background-size: 20px;
                        &:hover .listul11{display: block;}
                        .listul11{
                            width: 250px;
                            height:420px;
                            position: absolute;
                            left:200px;
                            top:-300px;
                            background: white;
                            opacity: 0.8;
                            cursor: pointer;
                            display: none;
                            li{
                                width: 250px;
                                height: 60px;
                                img{
                                    width: 20px;
                                    height: 20px;
                                    margin:0 30px;
                                    margin-top:20px;
                                    float: left;
                                }
                                span{
                                    display: block;
                                    float: left;
                                    width: 150px;
                                    height: 60px;
                                    font-size: 14px;
                                }
                            }
                        }
                    }
                    .li7{
                        background: url(../images/7.png) no-repeat 20px 20px;
                        background-size: 20px;
                        &:hover .listul12{display: block;}
                        .listul12{
                            width: 250px;
                            height:420px;
                            position: absolute;
                            left:200px;
                            top:-360px;
                            background: white;
                            opacity: 0.8;
                            cursor: pointer;
                            display: none;
                            li{
                                width: 250px;
                                height: 60px;
                                img{
                                    width: 20px;
                                    height: 20px;
                                    margin:0 30px;
                                    margin-top:20px;
                                    float: left;
                                }
                                span{
                                    display: block;
                                    float: left;
                                    width: 150px;
                                    height: 60px;
                                    font-size: 14px;
                                }
                            }
                        }
                    }
                }
          }
       
        }
    
}
.container{
    width: 100%;
    height: 4605px;
    .box1{
        width: 1217px;
        height: 452px;
        margin:auto;
        margin-top: 62px;
        h3{
            width: 1217px;
            height: 50px;
        }
        a{
            color:black;
            font-size: 12px;
            dl{
                width: 270px;
                height: 342px;
                margin-top: 10px;
                float: left;
                margin-right: 34px;
                dt{
                    width: 270px;
                    height: 270px;
                }
                dd{
                    width: 270px;
                    text-align: center;
                    margin-top:10px;
                    span{
                        color:red;
                        display: block;
                        margin-top:10px;
                    }
                }
            }
        }
       
    }
    .box2{
        width:1217px;
        height: 682px;
        margin: 0 auto;
        .box2_top{
            height: 47px;
            h3{
                float: left;
                width: 102px;
                height: 28px;
            }
            ul{
                width: 404px;
                height: 28px;
                float: left;
                margin-left: 586px;
                li{
                    float: left;
                    font-size: 12px;
                    height: 28px;
                    line-height: 28px;
                    a{
                        color:#666;
                    }
                    span{
                        padding:0 12px;
                    }
                }
            }
            p{
                float: right;
                font-size: 14px;
                height: 28px;
                line-height: 28px;
                a{
                    color:#666;
                }
            }
        }
        .box2_bottom{
            width: 1207px;
            height: 577px;
            .shop_show{
                height:577px;
                border-top:1px solid #e5e5e5;
                border-right:1px solid #e5e5e5;
                li{
                    float: left;
                    width: 238px;
                    height: 290px;
                    border-left:1px solid #e5e5e5;
                    border-bottom:1px solid #e5e5e5;
                    text-align: center;
                    a{
                        
                        color:black;
                        img{                        
                            width: 188px;
                            height: 188px;
                            margin:20px 0 5px 20px;
                            overflow: hidden;
                            &:hover {
                                transition-property:all;
                                transition-duration: 1s;
                                transition-timing-function: ease;
                                transition-delay: 0s;
                                transform: scale(1.1,1.1);
                            }
                           
                        }
                       
                        p{
                            font-size: 14px;
                        }
                        span{
                            color:red;
                            display: block;
                            margin-top:10px;
                        }
                    }
                }
                .first_shop{
                    width: 476px;
                    height: 290px;
                    background: url(../images/shop1.png) no-repeat center;
                    background-size: 466px 290px;
                    border-left:1px solid #e5e5e5;
                    border-bottom:1px solid #e5e5e5;
                    cursor: pointer; 
                    float: left;
                }
            }
        }
    }
    .box3{
        width:1217px;
        height: 682px;
        margin: 0 auto;
        .box3_top{
            height: 47px;
            h3{
                float: left;
                width: 102px;
                height: 28px;
            }
            ul{
                width: 404px;
                height: 28px;
                float: left;
                margin-left: 586px;
                li{
                    float: left;
                    font-size: 12px;
                    height: 28px;
                    line-height: 28px;
                    a{
                        color:#666;
                    }
                    span{
                        padding:0 12px;
                    }
                }
            }
            p{
                float: right;
                font-size: 14px;
                height: 28px;
                line-height: 28px;
                a{
                    color:#666;
                }
            }
        }
        .box3_bottom{
            width: 1207px;
            height: 577px;
            .shop3_show{
                height:577px;
                border-top:1px solid #e5e5e5;
                border-right:1px solid #e5e5e5;
                li{
                    float: left;
                    width: 238px;
                    height: 290px;
                    border-left:1px solid #e5e5e5;
                    border-bottom:1px solid #e5e5e5;
                    text-align: center;
                    a{
                        color:black;
                        img{                        
                            width: 188px;
                            height: 188px;
                            margin:20px 0 5px 20px;
                            overflow: hidden;
                            &:hover {
                                transition-property:all;
                                transition-duration: 1s;
                                transition-timing-function: ease;
                                transition-delay: 0s;
                                transform: scale(1.1,1.1);
                            }
                        }
                        p{
                            font-size: 14px;
                        }
                        span{
                            color:red;
                            display: block;
                            margin-top:10px;
                        }
                    }
                }
                .first_shop{
                    width: 476px;
                    height: 290px;
                    background: url(../images/shop1.png) no-repeat center;
                    background-size: 466px 290px;
                    border-left:1px solid #e5e5e5;
                    border-bottom:1px solid #e5e5e5;
                    cursor: pointer; 
                    float: left;
                }
            }
        }
    }
    .box4{
        width:1217px;
        height: 682px;
        margin: 0 auto;
        .box4_top{
            height: 47px;
            h3{
                float: left;
                width: 102px;
                height: 28px;
            }
            ul{
                width: 404px;
                height: 28px;
                float: left;
                margin-left: 586px;
                li{
                    float: left;
                    font-size: 12px;
                    height: 28px;
                    line-height: 28px;
                    a{
                        color:#666;
                    }
                    span{
                        padding:0 12px;
                    }
                }
            }
            p{
                float: right;
                font-size: 14px;
                height: 28px;
                line-height: 28px;
                a{
                    color:#666;
                }
            }
        }
        .box4_bottom{
            width: 1207px;
            height: 577px;
            .shop4_show{
                height:577px;
                border-top:1px solid #e5e5e5;
                border-right:1px solid #e5e5e5;
                li{
                    float: left;
                    width: 238px;
                    height: 290px;
                    border-left:1px solid #e5e5e5;
                    border-bottom:1px solid #e5e5e5;
                    text-align: center;
                    a{
                        color:black;
                        img{                        
                            width: 188px;
                            height: 188px;
                            margin:20px 0 5px 20px;
                            overflow: hidden;
                            &:hover {
                                transition-property:all;
                                transition-duration: 1s;
                                transition-timing-function: ease;
                                transition-delay: 0s;
                                transform: scale(1.1,1.1);
                            }
                        }
                        p{
                            font-size: 14px;
                        }
                        span{
                            color:red;
                            display: block;
                            margin-top:10px;
                        }
                    }
                }
                .first_shop{
                    width: 476px;
                    height: 290px;
                    background: url(../images/shop1.png) no-repeat center;
                    background-size: 466px 290px;
                    border-left:1px solid #e5e5e5;
                    border-bottom:1px solid #e5e5e5;
                    cursor: pointer; 
                    float: left;
                }
            }
        }
    }
    .box5{
        width:1217px;
        height: 682px;
        margin: 0 auto;
        .box5_top{
            height: 47px;
            h3{
                float: left;
                width: 102px;
                height: 28px;
            }
            ul{
                width: 404px;
                height: 28px;
                float: left;
                margin-left: 586px;
                li{
                    float: left;
                    font-size: 12px;
                    height: 28px;
                    line-height: 28px;
                    a{
                        color:#666;
                    }
                    span{
                        padding:0 12px;
                    }
                }
            }
            p{
                float: right;
                font-size: 14px;
                height: 28px;
                line-height: 28px;
                a{
                    color:#666;
                }
            }
        }
        .box5_bottom{
            width: 1207px;
            height: 577px;
            .shop5_show{
                height:577px;
                border-top:1px solid #e5e5e5;
                border-right:1px solid #e5e5e5;
                li{
                    float: left;
                    width: 238px;
                    height: 290px;
                    border-left:1px solid #e5e5e5;
                    border-bottom:1px solid #e5e5e5;
                    text-align: center;
                    a{
                        color:black;
                        img{                        
                            width: 188px;
                            height: 188px;
                            margin:20px 0 5px 20px;
                            overflow: hidden;
                            &:hover {
                                transition-property:all;
                                transition-duration: 1s;
                                transition-timing-function: ease;
                                transition-delay: 0s;
                                transform: scale(1.1,1.1);
                            }
                        }
                        p{
                            font-size: 14px;
                        }
                        span{
                            color:red;
                            display: block;
                            margin-top:10px;
                        }
                    }
                }
                .first_shop{
                    width: 476px;
                    height: 290px;
                    background: url(../images/shop1.png) no-repeat center;
                    background-size: 466px 290px;
                    border-left:1px solid #e5e5e5;
                    border-bottom:1px solid #e5e5e5;
                    cursor: pointer; 
                    float: left;
                }
            }
        }
    }
    .box6{
        width:1217px;
        height: 682px;
        margin: 0 auto;
        .box6_top{
            height: 47px;
            h3{
                float: left;
                width: 102px;
                height: 28px;
            }
            ul{
                width: 404px;
                height: 28px;
                float: left;
                margin-left: 586px;
                li{
                    float: left;
                    font-size: 12px;
                    height: 28px;
                    line-height: 28px;
                    a{
                        color:#666;
                    }
                    span{
                        padding:0 12px;
                    }
                }
            }
            p{
                float: right;
                font-size: 14px;
                height: 28px;
                line-height: 28px;
                a{
                    color:#666;
                }
            }
        }
        .box6_bottom{
            width: 1207px;
            height: 577px;
            .shop6_show{
                height:577px;
                border-top:1px solid #e5e5e5;
                border-right:1px solid #e5e5e5;
                li{
                    float: left;
                    width: 238px;
                    height: 290px;
                    border-left:1px solid #e5e5e5;
                    border-bottom:1px solid #e5e5e5;
                    text-align: center;
                    a{
                        color:black;
                        img{                        
                            width: 188px;
                            height: 188px;
                            margin:20px 0 5px 20px;
                            overflow: hidden;
                            &:hover {
                                transition-property:all;
                                transition-duration: 1s;
                                transition-timing-function: ease;
                                transition-delay: 0s;
                                transform: scale(1.1,1.1);
                            }
                        }
                        p{
                            font-size: 14px;
                        }
                        span{
                            color:red;
                            display: block;
                            margin-top:10px;
                        }
                    }
                }
                .first_shop{
                    width: 476px;
                    height: 290px;
                    background: url(../images/shop1.png) no-repeat center;
                    background-size: 466px 290px;
                    border-left:1px solid #e5e5e5;
                    border-bottom:1px solid #e5e5e5;
                    cursor: pointer; 
                    float: left;
                }
            }
        }
    }
    .box7{
        width:1217px;
        height: 682px;
        margin: 0 auto;
        .box7_top{
            height: 47px;
            h3{
                float: left;
                width: 102px;
                height: 28px;
            }
            ul{
                width: 404px;
                height: 28px;
                float: left;
                margin-left: 586px;
                li{
                    float: left;
                    font-size: 12px;
                    height: 28px;
                    line-height: 28px;
                    a{
                        color:#666;
                    }
                    span{
                        padding:0 12px;
                    }
                }
            }
            p{
                float: right;
                font-size: 14px;
                height: 28px;
                line-height: 28px;
                a{
                    color:#666;
                }
            }
        }
        .box7_bottom{
            width: 1207px;
            height: 577px;
            .shop7_show{
                height:577px;
                border-top:1px solid #e5e5e5;
                border-right:1px solid #e5e5e5;
                li{
                    float: left;
                    width: 238px;
                    height: 290px;
                    border-left:1px solid #e5e5e5;
                    border-bottom:1px solid #e5e5e5;
                    text-align: center;
                    a{
                        color:black;
                        img{                        
                            width: 188px;
                            height: 188px;
                            margin:20px 0 5px 20px;
                            overflow: hidden;
                            &:hover {
                                transition-property:all;
                                transition-duration: 1s;
                                transition-timing-function: ease;
                                transition-delay: 0s;
                                transform: scale(1.1,1.1);
                            }
                        }
                        p{
                            font-size: 14px;
                        }
                        span{
                            color:red;
                            display: block;
                            margin-top:10px;
                        }
                    }
                }
                .first_shop{
                    width: 476px;
                    height: 290px;
                    background: url(../images/shop1.png) no-repeat center;
                    background-size: 466px 290px;
                    border-left:1px solid #e5e5e5;
                    border-bottom:1px solid #e5e5e5;
                    cursor: pointer; 
                    float: left;
                }
            }
        }
    }
}